<template>
  <div class="login-container">
    <div class="login-weaper animated bounceInDown">
      <div class="login-logo">
        <img src="/img/logo.png" alt="" />
      </div>
      <p class="login-tip">{{ website.title }}</p>
      <div class="login-border">
        <div class="login-main">
          <userLogin v-if="activeName === 'user'" />
          <codeLogin v-else-if="activeName === 'code'" />
          <div class="login-menu">
            <a href="#" @click.stop="activeName = 'user'">账号密码</a>
            <a href="#" @click.stop="activeName = 'code'">手机号登录</a>
          </div>
        </div>
      </div>
    </div>
    <div class="login-copyright">
      {{ website.copyright }}
    </div>
    <top-color v-show="false" />
  </div>
</template>
<script>
import userLogin from "./userlogin";
import codeLogin from "./codelogin";
import { mapGetters } from "vuex";
import topColor from "@/page/index/top/top-color";

export default {
  name: "Login",
  components: {
    userLogin,
    codeLogin,
    topColor
  },
  data() {
    return {
      active: "",
      activeName: "user",
      socialForm: {},
    };
  },
  computed: {
    ...mapGetters(["website", "tagWel"]),
  },
  methods: {
  },
};
</script>

<style lang="scss">
@import "@/styles/login.scss";
</style>
